﻿<%@ page language="C#" autoeventwireup="true" inherits="DatabaseExportBarcodes, MainSite" masterpagefile="~/Site.Master" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="BodyContent">
    <div class="contentfull">
        <div class="breadcrumbs">
            <ul id="crumbs">
                <li><a title="My Account" href="/account/">My Account</a>
                    <img src="Content/Images/separator.png" alt="&rarr;" class="separator">
                    Barcodes </li>
            </ul>
        </div>
        <div id="showMessages"></div>
        <div class="top">
            <h1>Barcodes</h1>
        </div>
        <div class="content">
            <div class="grid5col">
                <h2>Choose a Database</h2>
                <ul class="barcode_db">

                    <li >
                        <span style="display: none;">203690</span>
                        <span>Asset Tracking</span>
                    </li>
                    <li>
                        <span style="display: none;">203692</span>
                        <span>Attendance</span>
                    </li>
                    <li class="barcode_active">
                        <span style="display: none;">203742</span>
                        <span>Database 1</span>
                    </li>
                    <li>
                        <span style="display: none;">203688</span>
                        <span>Database Builder Demo</span>
                    </li>
                    <li>
                        <span style="display: none;">203691</span>
                        <span>Safety Status</span>
                    </li>
                    <li>
                        <span style="display: none;">203693</span>
                        <span>Scan to Order</span>
                    </li>
                    <li>
                        <span style="display: none;">203689</span>
                        <span>Security</span>
                    </li>
                    <li>
                        <span style="display: none;">203687</span>
                        <span>Ticketing</span>
                    </li>
                </ul>


            </div>
            <div class="grid5col-4" id="generate_options" style="">
                <h2>Generate Barcodes</h2>
                <fieldset style="padding: 2%;">
                    <form method="POST">
                        <input name="action" value="export" type="hidden">
                        <input id="database_id" name="listid" value="203690" type="hidden">
                        <strong>Standard</strong>

                        <br>
                        <span>PNG images of QR codes, with each barcode's value displayed under the code itself.<br>
                            <br>
                            <input id="submit_button" name="qrcode" class="yellow_button ylong" value="Email me barcodes for Asset Tracking." type="submit"></span><img src="/images/standardbarcode.png">
                        <br>
                        <hr id="greyline">


                        <strong>Branded Barcodes</strong>
                        <br>
                        <span>Add your own custom text and company logo alongside each barcode.<br>
                            <br>
                            <input name="templateEditor" class="yellow_button ylong" value="Create a template." type="submit"></span>
                        <img src="/images/brandedbarcode.png">
                    </form>
                </fieldset>
            </div>
            <div class="grid5col-4" id="choose_database" style="opacity: 0.5; display: none;">
                <h1 class="center">Choose a Database</h1>
            </div>
            <script>
                $(document).ready(function () {
                    $("ul.barcode_db > li").click(function (event) {
                        $("#generate_options").fadeIn();
                        $("#choose_database").hide();
                        $(this).siblings().removeClass("barcode_active");
                        $("#database_id").val($(this).find("span:eq(0)").html());
                        var submit_button_text = 'Email me barcodes for ' + $(this).find("span:eq(1)").html() + '.';
                        $("#submit_button").val(submit_button_text);
                        $(this).addClass("barcode_active");
                        return false;
                    });
                });
            </script>

        </div>
    </div>
    <!-- /.contentfull -->
    <!-- /.wrapper -->
</asp:Content>
